<template> 
    <div class="rw">
        <div class="sc-bor">
            <router-view></router-view>
            <router-link to="/user">
            <img src="../../static/img3/zuo.png">
            </router-link>
			<div class="sc-header" style="left:.55rem; right:.55rem;">设置</div>
		</div>
        <ul class="target-items">
            <li class="targe-item">
                <span class="f1">关于三只松鼠</span>
                <div class="fr">3.4.3</div>
            </li>
        </ul>
        <router-link to="/" class="keyboard-open" tag="div">
			<button class="buttona">退出当前账号</button>
		</router-link>
    </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
.rw{
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    position: fixed;
    z-index: 10;
}
.sc-bor{
    background-color: #fff;
    height: .65rem;
}
.sc-bor img{
    margin-top: .2rem;
}
.target-items{
    background-color: #fff;
    font-size: 15px;
    margin-top: .2rem;
}
.target-items .targe-item{
    padding: .1rem;
    border-bottom: 1px solid #ddd;
    overflow:hidden;
}
.f1{
    float: left;
}
.fr{
    float: right;
    color: #999;
}
.sc-header{
	font-size: 17px;
	color: #000;
	display: block;
	position: absolute;
	top: 0;
	z-index: 0;
	overflow:hidden;
	margin: 0 .1rem;
	min-width: .3rem;
	height: 44px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	line-height: 44px;
}
.keyboard-open{
	height: .7rem;
	padding: .08rem .15rem;
	background: 0 0!important;
	bottom: 0;
	position: absolute;
	border-top-width: 1px;
    border-bottom-width: 0;
	border:none;
	user-select: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9;
    box-sizing: border-box;
    width: 100%;
}
.keyboard-open .buttona{
	height: .535rem;
    min-height: .35rem;
    margin: 0;
    line-height: .535rem;
    font-size: 17px;
}
.buttona{
	border-color: transparent;
    background-color: #77bc1f;
    color: #fff;
	width: 100%;
	border-radius: 4px;
}
</style>
